<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Edstudy</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="css/img/favicon.png">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/fontawesome-all.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/jquery-ui.min.css">
    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/odometer.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/slick.css">
    <link rel="stylesheet" href="css/default.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="css/fonts/font-awesome/css/font-awesome.min.css">
</head>
<body onload="load();">
<!-- preloader  -->
<div id="preloader">
    <div id="ctn-preloader" class="ctn-preloader">
        <div class="animation-preloader">
            <div class="spinner"></div>
            <div class="txt-loading">
                        <span data-text-preloader="E" class="letters-loading">
                            E
                        </span>
                <span data-text-preloader="D" class="letters-loading">
                            D
                        </span>
                <span data-text-preloader="S" class="letters-loading">
                            S
                        </span>
                <span data-text-preloader="T" class="letters-loading">
                            T
                        </span>
                <span data-text-preloader="U" class="letters-loading">
                            U
                        </span>
                <span data-text-preloader="D" class="letters-loading">
                            D
                        </span>
                <span data-text-preloader="Y" class="letters-loading">
                            Y
                        </span>
            </div>
        </div>
        <div class="loader">
            <div class="row">
                <div class="col-3 loader-section section-left">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-left">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-right">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-right">
                    <div class="bg"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- preloader end -->


<!-- Scroll-top -->
<button class="scroll-top scroll-to-target" data-target="html">
    <i class="fas fa-angle-up"></i>
</button>
<!-- Scroll-top-end-->


<!-- header-area -->
<header>
    <div class="header-top-wrap d-none d-md-block">
        <div class="container-fluid container-full">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-6">
                    <div class="d-flex align-items-center">
                        <div class="header-top-library">
                            <a href="#">图书馆<i class="fas fa-angle-down"></i></a>
                        </div>
                        <div class="header-top-search">
                            <form action="#">
                                <input type="text" placeholder="Search...">
                                <button><i class="fas fa-search"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
                <!--      <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>-->
                <!--       <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>-->
                <!--       <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>-->
                <div class="col-lg-6 col-md-6">
                    <div class="header-right-list">
                        <div class="header-top-social">
                            <ul>
                                <li>联系我们</li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li>
                                    <a href="#"><i class="fab fa-weibo"></i> </a></li>
                                <li><a href="tencent://message/?uin=1092535160&Menu=yes& Service=300&sigT=42a1e5347953b64c5ff3980f8a6e644d4b31456cb0b6ac6b27663a3c4dd0f4aa14a543b1716f9d45"><i class="fab fa-qq"></i></a></li>
                                <li id="weixin_hover" ><a href="#"><i class="fab fa-weixin"></i>
                                    <ul>
                                        <img class="qrcode" id="weixin_img"  src="css/img/product/wx_01.png" alt="wx:K15035689083"/>
                                    </ul>
                                </a></li>
                            </ul>
                        </div>
                        <div class="header-user-login">
                            <a href="#"><i class="fas fa-user-circle"></i><span th:text="${session.name}"></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="#" th:href="@{/logout}"> <i class="fa fa-sign-out"></i><span>注销</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


            <div id="sticky-header" class="main-header menu-area transparent-header">
                <div class="container-fluid container-full">
                    <div class="row">
                        <div class="col-12">
                            <div class="mobile-nav-toggler"><i class="fas fa-bars"></i></div>
                            <div class="menu-wrap">
                                <nav class="menu-nav show">
                                    <div class="logo">
                                        <a href="/index">
                                            <img src="css/img/logo/logo.png" class="logo-sticky-none" alt="Logo">
                                            <img src="css/img/logo/logo_2.png" class="logo-sticky-block" alt="Logo">
                                        </a>
                                    </div>
                                    <div class="navbar-wrap main-menu d-none d-lg-flex">
                                        <ul class="navigation">
                                            <li class="active current dropdown"><a href="/index">首页</a>

                                            </li>
                                            <li><a href="about-us.html">关于</a></li>
                                            <li><a href="/lb">课程</a>

                                            </li>
                                            <li class="current"><a href="/shijuan">考试</a></li>
                                            <li class="current"><a href="/shop">商城</a></li>
                                            <li class="current dropdown"><a href="blog">公告</a>

                                            </li>
                                            <li><a href="contact.html">联系我们</a></li>
                                            <li class="current dropdown"><a href="#">个人中心</a>
                                                <ul class="submenu">
                                                    <li><a href="/selectByid2">我的积分</a></li>
                                                    <li><a href="/selectByid">我的信息</a></li>
                                                    <li><a href="/Gradelist">我的成绩</a></li>
                                                    <li><a href="/Orderlist">我的订单</a></li>
                                                    <li><a href="/totest">问题反馈</a></li>
                                                    <li><a href="keceng.html">我的课程</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="header-action d-none d-md-block">
                                        <ul>
                                            <li class="header-shop-cart"><a href="#"><i class="fas fa-shopping-cart"></i><span>0</span></a>
                                                <ul class="minicart">
                                                    <li class="d-flex align-items-start">
                                                        <div class="cart-img">
                                                            <a href="#">
                                                                <img src="css/img/product/cart_p01.jpg" alt="">
                                                            </a>
                                                        </div>
                                                        <div class="cart-content">
                                                            <h4>
                                                                <a href="#">慈善耐克品牌黄色 T-Shirt</a>
                                                            </h4>
                                                            <div class="cart-price">
                                                                <span class="new">$229.9</span>
                                                                <span>
                                                                    <del>$229.9</del>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="del-icon">
                                                            <a href="#">
                                                                <i class="far fa-trash-alt"></i>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="d-flex align-items-start">
                                                        <div class="cart-img">
                                                            <a href="#">
                                                                <img src="css/img/product/cart_p02.jpg" alt="">
                                                            </a>
                                                        </div>
                                                        <div class="cart-content">
                                                            <h4>
                                                                <a href="#">学生包</a>
                                                            </h4>
                                                            <div class="cart-price">
                                                                <span class="new">$229.9</span>
                                                                <span>
                                                                    <del>$229.9</del>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="del-icon">
                                                            <a href="#">
                                                                <i class="far fa-trash-alt"></i>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="total-price">
                                                            <span class="f-left">总:</span>
                                                            <span class="f-right">$239.9</span>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="checkout-link">
                                                            <a href="#">购物车</a>
                                                            <a class="red-color" href="#">清空</a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="header-btn">
                                                <!-- 按钮触发模态框 -->
                                                <button id="sign" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal5">
                                                    立即签到
                                                </button>
                                                <button id="signyes" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal6">
                                                    已签到
                                                </button>
                                                <!--                                                <a href="sign.html">立即签到</a>-->
                                            </li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                            <!-- Mobile Menu  -->
                            <div class="mobile-menu">
                                <div class="menu-backdrop"></div>
                                <div class="close-btn"><i class="fas fa-times"></i></div>

                                <nav class="menu-box">
                                    <div class="nav-logo"><a href="/index"><img src="css/img/logo/logo.png" alt="" title=""></a></div>
                                    <div class="menu-outer">
                                        <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                                    </div>
                                    <div class="social-links">
                                        <ul class="clearfix">
                                            <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                            <li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
                                            <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
                                            <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                            <li><a href="#"><span class="fab fa-youtube"></span></a></li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                            <!-- End Mobile Menu -->
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header-area-end -->
        <!-- header-area-end -->

        <!-- main-area -->
        <main>

            <!-- banner-area -->
            <section class="banner-area banner-bg">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-10">
                            <div class="banner-content text-center">
                                <h2 class="wow fadeInUp" data-wow-delay=".3s">程序 <span>数据</span> 科学</h2>
                                <p class="wow fadeInUp" data-wow-delay=".6s">课程和讲师已转移到“课程模块”中</p>
                                <div class="banner-btn">
                                    <a href="#" class="btn wow fadeInLeft" data-wow-delay=".9s"><span>+</span> 无线访问</a>
                                    <a href="#" class="btn transparent-btn wow fadeInRight" data-wow-delay=".9s">在线学习</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="banner-shape wow zoomIn" data-wow-delay="1.2s"><img src="css/img/slider/banner_shape.png" alt=""></div>
            </section>
            <!-- banner-area-end -->

            <!-- courses-area -->
            <section class="courses-area fix pt-110">
                <div class="courses-overlay-text">lessons</div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-7 col-lg-9">
                            <div class="section-title text-center mb-70">
                                <h2>远程<span>学习在线</span> 辅导课<span> </span></h2>
                                <p>Ritamin Ipsum只是印刷和tysettin的伪文本</p>
                            </div>
                        </div>
                    </div>
                    <div class="row no-gutters courses-masonry">
                        <div class="col-lg-3 col-sm-6 grid-item grid-sizer">
                            <div class="courses-item mb-20">
                                <div class="courses-thumb">
                                    <img src="css/img/courses/courses_img01.jpg" alt="">
                                </div>
                                <div class="courses-content">
                                    <a href="#" class="popup-video courses-preview"><i class="flaticon-play-arrow"></i>预览主题</a>
                                    <h4><a href="#">软件开发</a></h4>
                                    <span>超过800门课程</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 grid-item grid-sizer">
                            <div class="courses-item mb-20">
                                <div class="courses-thumb">
                                    <img src="css/img/courses/courses_img02.jpg" alt="">
                                </div>
                                <div class="courses-content">
                                    <a href="#" class="popup-video courses-preview"><i class="flaticon-play-arrow"></i>预览主题</a>
                                    <h4><a href="#">3D + 动画</a></h4>
                                    <span>超过100门课程</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 grid-item grid-sizer">
                            <div class="courses-item mb-20">
                                <div class="courses-thumb">
                                    <img src="css/img/courses/courses_img04.jpg" alt="">
                                </div>
                                <div class="courses-content">
                                    <a href="#" class="popup-video courses-preview"><i
                                            class="flaticon-play-arrow"></i>预览主题</a>
                                    <h4><a href="#">业务发展</a></h4>
                                    <span>超过350门课程</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 grid-item grid-sizer">
                            <div class="courses-item mb-20">
                                <div class="courses-thumb">
                                    <img src="css/img/courses/courses_img05.jpg" alt="">
                                </div>
                                <div class="courses-content">
                                    <a href="#" class="popup-video courses-preview"><i class="flaticon-play-arrow"></i>预览主题</a>
                                    <h4><a href="#">音频+ 音乐</a></h4>
                                    <span>超过350门课程</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 grid-item grid-sizer">
                            <div class="courses-item mb-20">
                                <div class="courses-thumb">
                                    <img src="css/img/courses/courses_img06.jpg" alt="">
                                </div>
                                <div class="courses-content">
                                    <a href="#" class="popup-video courses-preview"><i class="flaticon-play-arrow"></i>预览主题</a>
                                    <h4><a href="#">音频+ 音乐</a></h4>
                                    <span>超过350门课程</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 grid-item grid-sizer">
                            <div class="courses-item mb-20">
                                <div class="courses-thumb">
                                    <img src="css/img/courses/courses_img03.jpg" alt="">
                                </div>
                                <div class="courses-content">
                                    <a href="#" class="popup-video courses-preview"><i
                                            class="flaticon-play-arrow"></i>预览主题</a>
                                    <h4><a href="#">Web开发 </a></h4>
                                    <span>超过100门课程</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="courses-shape"><img src="css/img/courses/courses_shape01.png" alt=""></div>
                <div class="courses-shape courses-shape-2"><img src="css/img/courses/courses_shape02.png" alt=""></div>
            </section>
            <!-- courses-area-end -->

            <!-- ingredients-area -->
            <section class="ingredients-area pt-100 pb-120">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="section-title">
                                <span class="sub-title"></span>
                                <h2>学习路径 <span>远程</span></h2>
                                <p>Ritamin Ipsum只是印刷和排版行业的伪文本。Lorem Ipsum一直是行业的标准模型。</p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="ingredients-progress">
                                <div class="ing-progress-wrap">
                                    <div class="ing-progress-top">
                                        <span>课程-每周</span>
                                        <span>94%</span>
                                    </div>
                                    <div class="progress">
                                        <div class="progress-bar wow slideInLeft" data-wow-delay=".2s" role="progressbar" style="width: 94%;" aria-valuenow="94" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                                <div class="ing-progress-wrap">
                                    <div class="ing-progress-top">
                                        <span>市场营销</span>
                                        <span>50%</span>
                                    </div>
                                    <div class="progress">
                                        <div class="progress-bar wow slideInLeft" data-wow-delay=".4s" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                                <div class="ing-progress-wrap">
                                    <div class="ing-progress-top">
                                        <span>广告</span>
                                        <span>75%</span>
                                    </div>
                                    <div class="progress">
                                        <div class="progress-bar wow slideInLeft" data-wow-delay=".6s" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- ingredients-area-end  -->

            <!-- features-area -->
            <section class="features-area gray-bg pt-110 pb-90">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-7 col-lg-9">
                            <div class="section-title text-center mb-70">
                                <h2>选择您 <span>想学习</span> 我们广泛的知识<span>。</span></h2>
                                <p>Ritamin Ipsum只是印刷和tysettin的伪文本</p>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-lg-4 col-md-6">
                            <div class="features-item mb-30">
                                <div class="features-inner">
                                    <div class="features-icon">
                                        <i class="flaticon-study"></i>
                                    </div>
                                    <div class="features-content">
                                        <h3>基本培训机会</h3>
                                        <p>Lorem ipsum dolor sitam consecteur adipisci. Aenean thats egesta magna porttitor vehicula nullam</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="features-item mb-30">
                                <div class="features-inner">
                                    <div class="features-icon">
                                        <i class="flaticon-university"></i>
                                    </div>
                                    <div class="features-content">
                                        <h3>编程基础</h3>
                                        <p>Lorem ipsum dolor sitam consecteur adipisci. Aenean thats egesta magna porttitor vehicula nullam</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="features-item mb-30">
                                <div class="features-inner">
                                    <div class="features-icon">
                                        <i class="flaticon-pencil"></i>
                                    </div>
                                    <div class="features-content">
                                        <h3>Python数据分析</h3>
                                        <p>Lorem ipsum dolor sitam consecteur adipisci. Aenean thats egesta magna porttitor vehicula nullam</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- features-area-end -->

            <!-- top-courses -->
            <section class="top-courses pt-110 pb-70">
                <div class="courses-overlay-text">Top Courses</div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-7 col-lg-9">
                            <div class="section-title text-center mb-70">
                                <h2>浏览我们的 <span>远程</span>学习热门课程<span>。</span></h2>
                                <p>Ritamin Ipsum只是印刷和tysettin的伪文本</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="courses-menu mb-40">
                                <button class="active" data-filter="*">所有课程</button>
                                <button class="" data-filter=".cat-one">商业</button>
                                <button class="" data-filter=".cat-two">设计</button>
                                <button class="" data-filter=".cat-three">开发者</button>
                                <button class="" data-filter=".cat-four">摄影</button>
                                <button class="" data-filter=".cat-five">营销学</button>
                            </div>
                        </div>
                    </div>
                    <div class="row top-courses-active">
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-three cat-four cat-two">
                            <div class="top-courses-item mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb01.jpg" alt=""></a>
                                    <div class="bestseller">畅销书</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>在 <a href="#">Web开发中</a></span>
                                    </div>
                                    <h5><a href="#">数据科学课程开发完整数据</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="rating-star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                            <li class="rating-point">4.3 <span>(6,151)</span></li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar">由 <a href="#">马克·威恩斯</a></li>
                                            <li class="courses-price">$18.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-one cat-four cat-five">
                            <div class="top-courses-item mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb02.jpg" alt=""></a>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>在 <a href="#">Python Bootcamp中</a></span>
                                    </div>
                                    <h5><a href="#">完整的Python Bootcamp</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="rating-star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                            <li class="rating-point">3.4 <span>(4,151)</span></li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar">由<a href="#">何塞波蒂利亚</a></li>
                                            <li class="courses-price">$10.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-two cat-three">
                            <div class="top-courses-item mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb03.jpg" alt=""></a>
                                    <div class="bestseller">畅销书</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>在 <a href="#">Web开发中</a></span>
                                    </div>
                                    <h5><a href="#">数据科学课程开发完整数据</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="rating-star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                            <li class="rating-point">4.4 <span>(4,151)</span></li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar">由 <a href="#">马克·威恩斯</a></li>
                                            <li class="courses-price">$09.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-one  cat-five">
                            <div class="top-courses-item mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb04.jpg" alt=""></a>
                                    <div class="bestseller">畅销书</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>在 <a href="#">Web开发中</a></span>
                                    </div>
                                    <h5><a href="#">数据科学课程开发完整数据</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="rating-star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                            <li class="rating-point">5.0 <span>(9,151)</span></li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar">由 <a href="#">马克·威恩斯</a></li>
                                            <li class="courses-price">$11.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-two cat-four cat-five">
                            <div class="top-courses-item mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb05.jpg" alt=""></a>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>在 <a href="#">Web开发中</a></span>
                                    </div>
                                    <h5><a href="#">数据科学课程开发完整数据</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="rating-star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                            <li class="rating-point">4.3 <span>(6,151)</span></li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar">由 <a href="#">马克·威恩斯</a></li>
                                            <li class="courses-price">$18.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-one cat-three">
                            <div class="top-courses-item mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb06.jpg" alt=""></a>
                                    <div class="bestseller">畅销书</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>在 <a href="#">Web开发中</a></span>
                                    </div>
                                    <h5><a href="#">数据科学课程开发完整数据</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="rating-star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                            <li class="rating-point">3.4 <span>(4,151)</span></li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar">由 <a href="#">马克·威恩斯</a></li>
                                            <li class="courses-price">$10.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-two cat-four cat-one">
                            <div class="top-courses-item mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb07.jpg" alt=""></a>
                                    <div class="bestseller">畅销书</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>在 <a href="#">Web开发中</a></span>
                                    </div>
                                    <h5><a href="#">数据科学课程开发完整数据</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="rating-star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                            <li class="rating-point">4.4 <span>(4,151)</span></li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar">由 <a href="#">马克·威恩斯</a></li>
                                            <li class="courses-price">$09.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-three cat-five">
                            <div class="top-courses-item mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb08.jpg" alt=""></a>
                                    <div class="bestseller">畅销书</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>在 <a href="#">Web开发中</a></span>
                                    </div>
                                    <h5><a href="#">数据科学课程开发完整数据</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="rating-star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                            <li class="rating-point">5.0 <span>(9,151)</span></li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar">由 <a href="#">马克·威恩斯</a></li>
                                            <li class="courses-price">$11.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- top-courses-end -->

            <!-- cta-area -->
            <section class="cta-area cta-bg">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-10">
                            <div class="section-title white-title text-center mb-15">
                                <h2>获取 <span>个性化的</span> 所有类别建议<span>。</span></h2>
                                <p>为您的印刷首选回答几个问题</p>
                            </div>
                            <div class="cta-btn text-center">
                                <a href="#" class="btn"><span>+</span> 今天开始教学</a>
                                <a href="#" class="btn transparent-btn">开始吧</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- cta-area-end -->

            <!-- testimonial-area -->
            <section class="testimonial-area testimonial-bg pt-110 pb-120">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-7 col-lg-9">
                            <div class="section-title text-center mb-70">
                                <h2>优秀 <span>员工学习</span> 分享<span></span></h2>
                                <p>每周三上午10:00自动更新</p>
                            </div>
                        </div>
                    </div>
                    <div class="row testimonial-active">
                        <div class="col-xl-4">
                            <div class="testimonial-item">
                                <div class="testimonial-quote">
                                    <svg version="1.1" x="0px" y="0px" viewBox="0 0 32 32" xml:space="preserve">
                                        <g>
                                            <polygon points="0,4 0,28 12,16 12,4" />
                                            <polygon points="20,4 20,28 32,16 32,4" />
                                        </g>
                                    </svg>
                                </div>
                                <div class="testimonial-rating">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                                <div class="testi-content">
                                    <p>卓有成效是一种习惯，是不断训练出来的综合体.</p>
                                    <div class="testi-avatar-wrap">
                                        <div class="testi-avatar-img">
                                            <img src="css/img/images/testi_avatar01.png" alt="">
                                        </div>
                                        <div class="testi-avatar-info">
                                            <h6>艾米莉·狄金森（Emily Dickinson）。</h6>
                                            <span>人力资源部人事专员</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4">
                            <div class="testimonial-item">
                                <div class="testimonial-quote">
                                    <svg version="1.1" x="0px" y="0px" viewBox="0 0 32 32" xml:space="preserve">
                                        <g>
                                            <polygon points="0,4 0,28 12,16 12,4" />
                                            <polygon points="20,4 20,28 32,16 32,4" />
                                        </g>
                                    </svg>
                                </div>
                                <div class="testimonial-rating">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                                <div class="testi-content">
                                    <p>只有创造，才是真正的享受，只有拚搏，才是充实的生活。</p>
                                    <div class="testi-avatar-wrap">
                                        <div class="testi-avatar-img">
                                            <img src="css/img/images/testi_avatar02.png" alt="">
                                        </div>
                                        <div class="testi-avatar-info">
                                            <h6>刘雅（Mr Liu）。</h6>
                                            <span>研发部Java开发工程师</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4">
                            <div class="testimonial-item">
                                <div class="testimonial-quote">
                                    <svg version="1.1" x="0px" y="0px" viewBox="0 0 32 32" xml:space="preserve">
                                        <g>
                                            <polygon points="0,4 0,28 12,16 12,4" />
                                            <polygon points="20,4 20,28 32,16 32,4" />
                                        </g>
                                    </svg>
                                </div>
                                <div class="testimonial-rating">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                                <div class="testi-content">
                                    <p>只有一直奔跑，才能停留在原地。</p>
                                    <div class="testi-avatar-wrap">
                                        <div class="testi-avatar-img">
                                            <img src="css/img/images/testi_avatar03.png" alt="">
                                        </div>
                                        <div class="testi-avatar-info">
                                            <h6>李子豪（Mr Li）。</h6>
                                            <span>销售部</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4">
                            <div class="testimonial-item">
                                <div class="testimonial-quote">
                                    <svg version="1.1" x="0px" y="0px" viewBox="0 0 32 32" xml:space="preserve">
                                        <g>
                                            <polygon points="0,4 0,28 12,16 12,4" />
                                            <polygon points="20,4 20,28 32,16 32,4" />
                                        </g>
                                    </svg>
                                </div>
                                <div class="testimonial-rating">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                                <div class="testi-content">
                                    <p>审计使蛀虫心惊胆颤,审计令钱迷望而生畏。</p>
                                    <div class="testi-avatar-wrap">
                                        <div class="testi-avatar-img">
                                            <img src="css/img/images/testi_avatar02.png" alt="">
                                        </div>
                                        <div class="testi-avatar-info">
                                            <h6>石头（Mr Shi）。</h6>
                                            <span>财务部</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- testimonial-area-end -->

            <!-- Blog-area -->
            <section class="blog-area pt-110 pb-90">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-7 col-lg-9">
                            <div class="section-title text-center mb-70">
                                <h2>我们<span>最新</span>资讯<span></span></h2>
                                <p>早上8:00更新</p>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-lg-4 col-md-6" th:each="alist:${alist}">
                            <div class="blog-post-item mb-30">
                                <div class="blog-post-thumb position-relative">
                                    <a href="blog-details.html"><img th:src="'css/img/blog/blog_post_thumb0'+${alist.id}+.jpg" alt=""></a>
                                    <a href="#" class="blog-post-tag"><i class="fas fa-tag"></i><span th:text="${alist.type}"></span></a>
                                </div>
                                <div class="blog-post-content">
                                    <div class="blog-post-meta">
                                        <ul>
                                            <li><i class="far fa-user"></i><a href="#">纽约分部</a></li>
                                            <li><i class="far fa-calendar-alt"></i><span th:text="${alist.createtime}"></span></li>
                                        </ul>
                                    </div>
                                    <h4><a href="javascript:;" th:onclick="details([[${alist.id}]])" th:text="${alist.title}"></a></h4>
                                    <p th:text="${alist.context}"> </p>
                                    <a href="javascript:;" th:onclick="details([[${alist.id}]])" class="arrow-btn">阅读更多  <span></span></a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>
            <!-- Blog-area-end -->

        </main>
        <!-- main-area-end -->


        <!-- footer-area -->
        <footer>
            <div class="footer-top black-bg pt-95 pb-45">
                <div class="container-fluid container-full">
                    <div class="row justify-content-between">
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-25">
                                    <h5>关于我们</h5>
                                </div>
                                <div class="fw-text">
                                    <p>Arwhal pop intellientsia pinterestochujang。</p>
                                    <div class="footer-contact-list mt-20">
                                        <ul>
                                            <li>732/21 King Street，金斯敦英国</li>
                                            <li>1-577-245-658742</li>
                                            <li><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c4aba2a2ada7a184a1bca5a9b4a8a1eaa7aba9">[电子邮件保护]</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-4 col-md-6">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-25">
                                    <h5>快速链接</h5>
                                </div>
                                <div class="fw-links">
                                    <ul>
                                        <li><a href="#">首页</a></li>
                                        <li><a href="#">关于我们</a></li>
                                        <li><a href="#">作品集</a></li>
                                        <li><a href="#">公告</a></li>
                                        <li><a href="#">联系我们</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-25">
                                    <h5>热门课程</h5>
                                </div>
                                <div class="footer-courses">
                                    <ul>
                                        <li>
                                            <div class="f-courses-thumb">
                                                <a href="#"><img src="css/img/courses/f_courses_thumb01.jpg" alt=""></a>
                                            </div>
                                            <div class="f-courses-content">
                                                <h5><a href="#">Access 2016基本培训培训示例</a></h5>
                                                <span>托诺·普约（Tonoy Pueyo）</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="f-courses-thumb">
                                                <a href="#"><img src="css/img/courses/f_courses_thumb02.jpg" alt=""></a>
                                            </div>
                                            <div class="f-courses-content">
                                                <h5><a href="#">Python编程基础培训示例</a></h5>
                                                <span>马克·维恩斯</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-25">
                                    <h5>Twitter</h5>
                                </div>
                                <div class="fw-tweet-post">
                                    <ul>
                                        <li>
                                            <i class="fab fa-twitter"></i>
                                            <div class="fw-tweet-post-content">
                                                <p>这里谈到的 <a href="#">https://t.ew/ARkjsdsd</a>
                                                    该恒星#theme是任何类型的发</p>
                                                <span>3个月前</span>
                                            </div>
                                        </li>
                                        <li>
                                            <i class="fab fa-twitter"></i>
                                            <div class="fw-tweet-post-content">
                                                <p>这里谈到的 <a href="#">https://t.ew/ARkjsdsd</a>
                                                    该恒星#theme是任何类型的发</p>
                                                <span>3个月前</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyright-area">
                <div class="container-fluid container-full">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="copyright-text">
                                <p>版权所有©2020<a target="_blank" href="http://www.edupro.com.cn/">多元合创</a>保留所有权利</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="payment-method-img text-center text-md-right">
                                <img src="css/img/images/payment_method_img.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 模态框（Modal） -->
            <div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                &times;
                            </button>
                        </div>
                        <div class="modal-body">
                            签到成功，积分+1
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                            </button>
                            <button type="submit" class="btn btn-primary" onclick="addemp()">
                                确定
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 模态框（Modal） -->
            <div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                &times;
                            </button>
                        </div>
                        <div class="modal-body">
                            今日已签到！
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                            </button>
                            <button type="submit" class="btn btn-primary" data-dismiss="modal">
                                确定
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
<!-- footer-area-end -->

<script>
    function load() {
        $("#signyes").css('display','none');
        $.ajax({
            url:"/signtime",
            type:"get",
            success:function (count) {
                //alert(count);
                if (count>0){
                    $("#signyes").css('display','block');
                    $("#sign").css('display','none');
                }else {
                    $("#sign").css('display','block');
                    $("#signyes").css('display','none');
                }
            }

        })
    }
    function addemp() {
        // var staffid="";
        // var addintegral=5;
        // var reduceintegral=0;
        // var text="签到";
        // var time = new Date();
        $.ajax({
            url:"/addSign",
            type:"post",
            success:function () {
                $("#myModal5").modal("hide");
                $("#sign").css('display','none');
                $("#signyes").css('display','block');
            }
        })
    }

</script>


		<!-- JS here -->
        <script src="css/js/vendor/jquery-3.5.0.min.js"></script>
        <script src="css/js/popper.min.js"></script>
        <script src="css/js/bootstrap.min.js"></script>
        <script src="css/js/isotope.pkgd.min.js"></script>
        <script src="css/js/imagesloaded.pkgd.min.js"></script>
        <script src="css/js/jquery.magnific-popup.min.js"></script>
        <script src="css/js/owl.carousel.min.js"></script>
        <script src="css/js/jquery.odometer.min.js"></script>
        <script src="css/js/jquery-ui.min.js"></script>
        <script src="css/js/jquery.appear.js"></script>
        <script src="css/js/slick.min.js"></script>
        <script src="css/js/ajax-form.js"></script>
        <script src="css/js/wow.min.js"></script>
        <script src="css/js/aos.js"></script>
        <script src="css/js/plugins.js"></script>
        <script src="css/js/main.js"></script>
<script>
    function details(id) {

        location.href="details?id="+id;
    }
</script>
    </body>
</html>
